/** @type {import('tailwindcss').Config} */
export default {
	content: [
		'./src/**/*.{html,js,svelte,ts}',
		'./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}',
	],
	theme: {
		extend: {},
	},
	plugins: [require('flowbite/plugin')],

	darkMode: 'class',

	theme: {
		extend: {
			colors: {
				// flowbite-svelte
				primary: {
					50: '#FFF5F2',
					100: '#FFF1EE',
					200: '#FFE4DE',
					300: '#FFD5CC',
					400: '#FFBCAD',
					500: '#FE795D',
					600: '#EF562F',
					700: '#EB4F27',
					800: '#CC4522',
					900: '#A5371B',
				},
			},
			gridTemplateColumns: {
				// Simple 16 column grid
				16: 'repeat(16, minmax(0, 1fr))',
				// Simple 18 column grid
				18: 'repeat(18, minmax(0, 1fr))',
				// Simple 20 column grid
				20: 'repeat(20, minmax(0, 1fr))',

				// Complex site-specific column configuration
				footer: '200px minmax(900px, 1fr) 100px',
			},
			height: {
				'screen-75': '75vh',
				'9/10': '90%'
			},
		},
	},
}
